.root {
    font-size: 14px;
    :global {
        // .content-inner {
        //     padding-bottom: 20px;
        // }
        // dl {
        //     margin-right: 10px;
        // }
        // dt,
        // dd {
        //     display: inline-block;
        // }
        // table{
        //     width:100%;
        // }
        // th,
        // td {
        //     white-space: nowrap;
        // }
        // .toolbar {
        //     padding: 15px;
        //     padding-top:0;
        //     margin-top:0;  
        //     border-bottom: 1px solid rgb(233, 233, 233);
        //     dl {
        //         display: inline-block;
        //     }
        // }
        // .dataArea {
        //     //padding: 0 15px;
        //     padding: 0;
        //     .ant-card-bordered{border:0;}
        //     .ant-card {
        //         margin-top: 20px;
        //         .ant-card-head{
        //             background: #ddd;
        //             padding: 7px 10px 5px;
        //             min-height: 30px;
        //             margin-bottom: 10px;
        //             border-bottom: 0;
        //             .ant-card-head-title{
        //                 padding: 0;
        //                 height: 18px;
        //                 line-height: 18px;
        //                 color: #4a4a4a;
        //                 font-weight: bold;
        //                 font-size: 14px;
        //             }
        //         }
        //         // .ant-card-body{
        //         //     padding:5px 0 24px;
        //         // }
        //     }
        //     .latestNetValue,.netValueEstimation{
        //         .ant-card-body{padding: 0 9px 0}
        //     }
        // }
        //  .latestNetValue,.netValueEstimation{
        //         th{font-size: 12px;color: #4a4a4a;line-height: 17px;width:296px;}
        //         th:first-child,th:nth-child(3),th:nth-child(5){
        //             width:68px;
        //         }
        //     }
        // .netValueEstimation{
        //     .ant-card-extra{
        //         padding: 0;
        //         .ant-btn{
        //             font-size: 10px;
        //             color: #4f7bcf;
        //             font-weight: bold;
        //             border-color:transparent;
        //         }
        //     }
        //     .react-echarts{
        //         margin-top: 14px;
        //         border: 1px solid #ddd;
        //         padding: 12px 30px;
        //     }
        // }
        // .netValueTrend{
        //     //padding: 20px 30px;
        //     border: 1px solid #ddd;
        //     background: #fff;
        //     .ant-tabs-nav{
        //         .ant-tabs-tab{
        //             padding: 4px 10px;
        //             margin: 0 10px 0 0;
        //             font-size: 12px;
        //             line-height: 17px;
        //         }
        //         .ant-tabs-tab-active{
        //             color: #4a4a4a;
        //             font-family:'PingFangSC-Semibold';
        //         }
        //         .ant-tabs-ink-bar{
        //             background-color:#108ee9;
        //             height: 3px;
        //             //width: 104px; 
        //         }
        //     }
        //     .ant-tabs-extra-content{
        //         padding-top:33px;
        //         line-height: 18px;
        //         .ant-radio-group{
        //             font-size: 12px;
        //         }
        //         .ant-radio-button-wrapper{
        //             height: 18px;
        //             line-height: 18px;
        //             border: 0;
        //             padding: 0 6px;
        //             margin-right: 14px;
        //             &:not(:first-child)::before{
        //                 background: transparent;
        //             }
        //         } 
        //         .ant-radio-button-wrapper-checked{
        //             background: #108ee9;
        //             color: #fff;
        //             border-radius: 4px;
        //             &:first-child{
        //                 border-color:#108ee9;
        //             }
        //         }
        //     }
        //     .ant-card-body{
        //         background: #fff;
        //         border: 1px solid #ddd;
        //     }
        // }
        // .ant-card {
        //     margin-bottom: 10px;
        // }
        // .netValuePerformance,.monthlyReturn{
        //     .ant-table table{
        //         border: 1px solid #e9e9e9;
        //         border-radius: 0;
        //         th,td{
        //             //padding: 10px 30px 7px;
        //             padding: 10px 20px 7px;
        //             text-align: right;
        //             background: transparent;
        //             font-size: 12px;
        //             line-height: 20px;
        //             &:first-child{
        //                 background: #f7f7f7;
        //                 text-align: left;
        //             }
        //         }
        //     }
        // }
        // .netValuePerformance{
        //  .ant-table table   th,.ant-table table td{ 
        //         text-align: center;
        //         }
        //     }
        // .monthlyReturn {
        //     dl {
        //         font-size: 16px;
        //         padding: 10px;
        //     }
        // }
        dl {
            margin-right: 10px;
        }
        dt,
        dd {
            display: inline-block;
        }
        table{
            width:100%;
        }
        th,
        td {
            white-space: nowrap;
        }
        .ant-card-wider-padding .ant-card-body{padding: 0}
        .latestNetValue,.netValueEstimation{
                .ant-card-body{padding: 0 9px 0}
                th{height:25px;font-size: 14px;color: #4a4a4a;line-height: 20px;width:296px;}
                th:nth-child(odd){
                    width:68px;
                }
                th:nth-child(2),th:nth-child(4){
                    font-size: 18px;
                    color: #D0021B;
                }
            }
        .netValueEstimation{
            .ant-card-extra{
                padding: 0;
                height: 18px;
                .ant-btn{
                    font-size: 10px;
                    color: #4f7bcf;
                    font-weight: bold;
                    border-color:transparent;
                    line-height: 18px;
                    &>.anticon + span{margin-left: 9px;}
                }
            }
            .ant-collapse{
                    border: 1px solid #ddd;
                    border-radius: 0;
            }
            .ant-collapse>.ant-collapse-item{
                    border-bottom: 1px solid #ddd;
                    border-radius: 0;
                &:last-child>.ant-collapse-header{
                    border-radius: 0;
                    padding: 6px 20px 6px 40px;
                    color: #4a4a4a;
                    line-height: 18px;
                    .arrow{
                        line-height: 30px;
                        color: #000;
                    }
                }
            }
        }
        .netValueTrend,.netValuePerformance{
            .ant-card-body{padding: 0;}
        }
        .netValueTrend{
            .ant-card-body{
                background: #fff;
                border: 1px solid #ddd;
                padding: 0 20px;
                .ant-tabs-bar{
                    margin: 0 0 12px 0;
                    border-bottom: 1px solid #ccc;
                }
            }
            .ant-tabs-extra-content{
                .ant-radio-button-wrapper{height: 18px;line-height: 18px;}
            }
        }
        .netValuePerformance,.monthlyReturn{
            .ant-table table{
                border: 1px solid #e9e9e9;
                border-radius: 0;
                background: #fff;
                tr{height: 53px;}
                th,td{
                    text-align: right;
                    background: transparent;
                    font-size: 14px;
                    line-height: 20px;
                    padding: 0;
                    padding-right: 24px;
                    vertical-align: middle;
                    &:first-child{
                        background: #f7f7f7;
                        text-align: left;
                        padding-left: 28px;
                    }
                }
            }
        }
        .monthlyReturn{
            .ant-table table{
                tr{height: 38px;}
            }  
            dt{padding-left: 30px;}
            dd{
                //color: #d0021b;
                font-size: 18px;
                padding-right: 10px;
                float: right
                }
        }
    }
}